<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">

	<head>
	
		<!-- Basic	-->
    	<meta charset="UTF-8" />

		<title>Chart xChart | Nadhif - Responsive Admin Template</title>
		
		<!-- Mobile Metas -->
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		
		<!-- Import google fonts -->
        <link href="http://fonts.useso.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css" />
        
		<!-- Favicon and touch icons -->
		<link rel="shortcut icon" href="images/assets/ico/favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon" href="images/assets/ico/apple-touch-icon.png" />
		<link rel="apple-touch-icon" sizes="57x57" href="images/assets/ico/apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="images/assets/ico/apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="76x76" href="images/assets/ico/apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="images/assets/ico/apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="120x120" href="images/assets/ico/apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="images/assets/ico/apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon" sizes="152x152" href="images/assets/ico/apple-touch-icon-152x152.png" />
		
	    <!-- start: CSS file-->
		
		<!-- Vendor CSS-->
		<link href="images/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="images/assets/vendor/skycons/css/skycons.css" rel="stylesheet" />
		<link href="images/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		
		<!-- Plugins CSS-->
		<link href="images/assets/plugins/bootkit/css/bootkit.css" rel="stylesheet" />
		<link href="images/assets/plugins/fullcalendar/css/fullcalendar.css" rel="stylesheet" />
		<link href="images/assets/plugins/jquery-ui/css/jquery-ui-1.10.4.min.css" rel="stylesheet" />					
		<link href="images/assets/plugins/xcharts/css/xcharts.min.css" rel="stylesheet" />
		
		<!-- Theme CSS -->
		<link href="images/assets/css/jquery.mmenu.css" rel="stylesheet" />
		
		<!-- Page CSS -->		
		<link href="images/assets/css/style.css" rel="stylesheet" />
		<link href="images/assets/css/add-ons.min.css" rel="stylesheet" />
		
		<!-- end: CSS file-->	
	    
		
		<!-- Head Libs -->
		<script src="images/assets/plugins/modernizr/js/modernizr.js"></script>
		
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->		
		
	</head>
	
	<body>
	

		
		<!-- Start: Content -->
		<div class="container-fluid content">	
			<div class="row">
			
				
				<!-- Main Page -->
				<div class="main ">

					<div class="row">						
						<div class="col-sm-12">							
							<div class="panel bk-bg-white">
								<div class="panel-heading bk-bg-primary">
									<h6><i class="fa fa-retweet red"></i>周一到周日网站访问量</h6>
									<div class="panel-actions">
										<a href="charts-xcharts.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
										<a href="charts-xcharts.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
										<a href="charts-xcharts.html#" class="btn-close"><i class="fa fa-times"></i></a>
									</div>
								</div>
								<div class="panel-body">
									<figure class="demo" id="chart" style="height: 300px"></figure>
								</div>
							</div>						
						</div>					
					</div>
					
					<div class="row">						
						<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">							
							<div class="panel bk-bg-white">
								<div class="panel-heading bk-bg-primary">
									<h6><i class="fa fa-retweet red"></i>栏目发文总量</h6>
									<div class="panel-actions">
										<a href="charts-xcharts.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
										<a href="charts-xcharts.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
										<a href="charts-xcharts.html#" class="btn-close"><i class="fa fa-times"></i></a>
									</div>
								</div>
								<div class="panel-body">
									<figure class="demo" id="example1" style="height: 300px"></figure>
								</div>
							</div>						
						</div>						
					
						<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">							
							<div class="panel bk-bg-white">
								<div class="panel-heading bk-bg-primary">
									<h6><i class="fa fa-retweet red"></i>周一到周日网站发文量</h6>
									<div class="panel-actions">
										<a href="charts-xcharts.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
										<a href="charts-xcharts.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
										<a href="charts-xcharts.html#" class="btn-close"><i class="fa fa-times"></i></a>
									</div>
								</div>
								<div class="panel-body">
									<figure class="demo" id="example3" style="height: 300px"></figure>
								</div>
							</div>						
						</div>					
					</div>
					
					<div class="row">						
						
				
					</div>										
				</div>
				<!-- End Main Page -->			
		
				<!-- Usage -->
				<div id="usage">
					<ul>
						<li>
							<div class="title">Memory</div>
							<div class="bar">
								<div class="progress progress-md  progress-striped active">
									<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%"></div>
								</div>
							</div>			
							<div class="desc">4GB of 8GB</div>
						</li>
						<li>
							<div class="title">HDD</div>
							<div class="bar">
								<div class="progress progress-md  progress-striped active">
									<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
								</div>
							</div>			
							<div class="desc">250GB of 1TB</div>
						</li>
						<li>
							<div class="title">SSD</div>
							<div class="bar">
								<div class="progress progress-md  progress-striped active">
									<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%"></div>
								</div>
							</div>			
							<div class="desc">700GB of 1TB</div>
						</li>
						<li>
							<div class="title">Bandwidth</div>
							<div class="bar">
								<div class="progress progress-md  progress-striped active">
									<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%"></div>
								</div>
							</div>			
							<div class="desc">90TB of 100TB</div>
						</li>				
					</ul>	
				</div>
				<!-- End Usage -->	
		
			</div>
		</div><!--/container-->		
	
		<!-- Modal Dialog -->
		<div class="modal fade" id="myModal">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title bk-fg-primary">Modal title</h4>
					</div>
					<div class="modal-body">
						<p class="bk-fg-danger">Here settings can be configured...</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Save changes</button>
					</div>
				</div>
			</div>
		</div><!-- End Modal Dialog -->		
		
		<div class="clearfix"></div>
	
		
		<!-- start: JavaScript-->
		
		<!-- Vendor JS-->				
		<script src="images/assets/vendor/js/jquery.min.js"></script>
		<script src="images/assets/vendor/js/jquery-2.1.1.min.js"></script>
		<script src="images/assets/vendor/js/jquery-migrate-1.2.1.min.js"></script>
		<script src="images/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="images/assets/vendor/skycons/js/skycons.js"></script>
		
		<!-- Plugins JS-->
		<script src="images/assets/plugins/jquery-ui/js/jquery-ui-1.10.4.min.js"></script>
		<script src="images/assets/plugins/moment/js/moment.min.js"></script>	
		<script src="images/assets/plugins/fullcalendar/js/fullcalendar.min.js"></script>
		<script src="images/assets/plugins/d3/js/d3.min.js"></script>
		<script src="images/assets/plugins/xcharts/js/xcharts.min.js"></script>
		
		<!-- Theme JS -->		
		<script src="images/assets/js/jquery.mmenu.min.js"></script>
		<script src="images/assets/js/core.min.js"></script>
		
		<!-- Pages JS -->
		<script src="images/assets/js/pages/charts-xcharts.js"></script>
		
		<!-- end: JavaScript-->
	
	</body>
	
</html>